<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="AK">
    <meta name="Keywords" content="WEB,IT,前端">
    <meta name="Description" content="">
    <meta http-equiv="Cache-Control" content="max-age-0">
    <meta http-equiv="refresh" content="555">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <link rel="icon" href="/mylogo32.ico">
    <link rel="stylesheet" type="text/css" href="/bootstrap-v3.3.7/dist/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/jquery-ui/css/jquery-ui.css">
    <link rel="stylesheet" href="/layui-v2.2.6/layui/css/layui.css">
    <link rel="stylesheet" href="/common.css">
    <!-- [if lt IE 9] -->
    <script type="text/javascript" src="/html5shiv.min.js"></script>
    <script type="text/javascript" src="/respond.min.js"></script>
    <!-- [endif] -->
    <!-- http://www.huangyun.xyz -->
    <style type="text/css">
    #body1 {
        background: #ffffff;
        color: #f00;
    }
    </style>
    <title> AK </title>
</head>

<body id="body1" onfocus="changeBgColorClk1()">
    <div id="localtime"></div>
    <div id="app">
        <shuke></shuke>
        <beita></beita>
    </div>
    <script type="text/javascript" src="/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="/bootstrap-v2.3.2/js/bootstrap.js"></script>
    <script type="text/javascript" src="/jquery-ui/js/jquery-ui.js"></script>
    <script src="/layui-v2.2.6/layui/layui.js"></script>
    <script type="text/javascript" src="/vuejs/vue-v2.5.16.js"></script>
    <script type="text/javascript" src="/less.js-2.5.3/dist/less.js"></script>
    <script type="text/javascript" src="/AK.js"></script>
    <script>
    var bus = new Vue();
    Vue.component("shuke", {
        mounted: function() {
            bus.$on("noticeShuke", function(msg) {
                console.log(msg)
            })
        },
        template: `<div>
				<h3>我是舒克</h3>
				<button @click="sendToB">发送</button>
    		</div>`,
        methods: {
            sendToB: function() {
                bus.$emit("noticeBeita", "贝塔，我是舒克")
            }
        }
    })
    Vue.component("beita", {
        mounted: function() {
            bus.$on("noticeBeita", function(msg) {
                console.log(msg)
            })
        },
        template: `<div>
				<h3>我是贝塔</h3>
				<button @click="sendToS">发送</button>
    		</div>`,
        methods: {
            sendToS: function() {
                bus.$emit("noticeShuke", "舒克，我是贝塔")
            }
        }
    })
    new Vue({
        el: "#app",
        data: {
            msg: "Hello"
        }
    })
    </script>
    <script>
    showtime();
    changeBgColor();
    </script>
</body>

</html>